<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>昆仑变</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/topNav.css">
    <link rel="stylesheet" href="css/kunlunbian.css">
    <link rel="stylesheet" href="css/iconfont/iconfont.css">
    <link rel="shortcut icon" href="favicon.ico">
    <script type="text/javascript" src="js/base.js"></script>
    <script type="text/javascript" src="js/topNav.js"></script>
</head>
<body>
<div>
    <div class="container">
        <div class="container-top">
            <div class="logo"><a href="">天下3</a></div>
            <div class="nav">
                <a href="index.html">官网</a>
                <a href="#">注册</a>
                <a href="#">下载</a>
            </div>

            <div class="container-subname">
            </div>
            <div class="container-sub-topic">
            </div>
            <a href="index.html" class="container-enter"></a>
        </div>

        <!--快速注册部分开始-->
        <div class="fast-register w">
            <ul>
                <li>
                    <h2>
                        <span>
                            <i class="fr-title-icon1"></i>
                            5秒快速注册
                        </span>
                    </h2>
                    <div class="fr-content">
                        <div class="fr-inputbox">
                            <i class="iconfont icon-iconfontuser2"></i> <input type="text" id="username"
                                                                               placeholder="请输入邮箱或手机号"/>
                        </div>
                        <div class="fr-inputbox">
                            <i class="iconfont icon-mima"></i><input type="password" id="userpwd"
                                                                     placeholder="请设置6-16为密码,区分大小写"/>
                        </div>

                        <div class="fr-agree">
                            <input type="checkbox" checked="checked" disabled="disabled"> 我同意"<a href="#">
                            服务条款 </a>"和"<a href="#"> 隐私保护和个人信息利用政策 </a>"
                        </div>
                    </div>

                    <input type="button" value="立即注册" class="fr-btn"/>
                </li>
                <li>
                    <h2 class="two">
                        <span>
                            <i class="fr-title-icon2"></i>
                            完成注册100%有礼！
                        </span>
                    </h2>
                    <div class="fr-content">
                        <div class="fr-imglist">
                            <ul class="fr-img-box">
                                <li><img src="images/kunlunbian/lb1.png"/></li>
                                <li><img src="images/kunlunbian/lb2.png"/></li>
                                <li><img src="images/kunlunbian/lb3.png"/></li>
                            </ul>
                            <ul class="fr-img-btn">
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                    </div>
                    <input type="button" value="免费领礼物" class="fr-btn"/>
                </li>
                <li>
                    <h2>
                        <span>
                            <i class="fr-title-icon3"></i>
                            极速下载客户端
                        </span>
                    </h2>
                    <div class="fr-content">

                        <div class="fr-download">

                        </div>

                    </div>
                    <input type="button" value="下载游戏" class="fr-btn"/>
                </li>
                <li>
                    <h2 class="four">
                        <span>
                            <i class="fr-title-icon4"></i>
                            登录游戏赢iPhone7<br>索尼PlayStation VR眼镜
                        </span>
                    </h2>
                    <div class="fr-content">
                        <div class="fr-more">

                        </div>
                    </div>
                    <input type="button" value="查看详情" class="fr-btn"/>

                </li>
            </ul>
        </div>
        <!--快速注册部分结束-->

        <!--新地图 新剧情 新武器 新副本 部分开始 -->
        <div class="newblock w">
            <!--左侧菜单-->
            <div class="new-left">
                <ul>
                    <li>新地图</li>
                    <li>新剧情</li>
                    <li>新武器</li>
                    <li>新副本</li>
                </ul>
            </div>
            <!--右侧图片区-->
            <div class="new-right">

                <div class="new-imglist" style="display: block;">
                    <ul class="new-img-box">
                        <li><img src="images/kunlunbian/dt1-1.jpg" alt=""></li>
                        <li><img src="images/kunlunbian/dt1-2.jpg" alt=""></li>
                        <li><img src="images/kunlunbian/dt1-3.jpg" alt=""></li>
                    </ul>
                    <ul class="new-img-btn">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>

                <div class="new-imglist" style="display: block;">
                    <ul class="new-img-box">
                        <li><img src="images/kunlunbian/dt2-1.jpg" alt=""></li>
                        <li><img src="images/kunlunbian/dt2-2.jpg" alt=""></li>
                        <li><img src="images/kunlunbian/dt2-3.jpg" alt=""></li>
                    </ul>
                    <ul class="new-img-btn">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>

                <div class="new-imglist" style="display: block;">
                    <ul class="new-img-box">
                        <li><img src="images/kunlunbian/dt3-1.jpg" alt=""></li>
                        <li><img src="images/kunlunbian/dt3-2.jpg" alt=""></li>
                        <li><img src="images/kunlunbian/dt3-3.jpg" alt=""></li>
                    </ul>
                    <ul class="new-img-btn">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>

                <div class="new-imglist" style="display: block;">
                    <ul class="new-img-box">
                        <li><img src="images/kunlunbian/dt4-1.jpg" alt=""></li>
                        <li><img src="images/kunlunbian/dt4-2.jpg" alt=""></li>
                        <li><img src="images/kunlunbian/dt4-3.jpg" alt=""></li>
                    </ul>
                    <ul class="new-img-btn">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>

            </div>
        </div>
        <!--新地图 新剧情 新武器 新副本 部分结束-->

        <!--公测活动等部分开始-->
        <div class="huodong w">
            <ul>
                <li>
                    <div class="hd-left hd1">
                    </div>
                    <div class="hd-right">
                        <div class="hd-txt">
                            <h3>公测活动全方位助阵</h3>
                            <p>交友、战斗、好玩三位一体，限时升级3倍速，总有一款适合你！</p>
                        </div>
                        <a href="#">了解更多</a>
                    </div>
                </li>
                <li>
                    <div class="hd-split"></div>
                    <div class="hd-left hd2"></div>
                    <div class="hd-right">
                        <div class="hd-txt">
                            <h3>全球首款SDK接入外设</h3>
                            <p>定制外设反馈功能！<br>
                                虚拟与现实，游戏与外设的完美结合！<br>
                                游戏与键盘的真实互动，只在《天下3》！</p>
                        </div>
                        <a href="#">了解更多</a>
                    </div>
                </li>
                <li>
                    <div class="hd-split"></div>
                    <div class="hd-left hd3"></div>
                    <div class="hd-right">
                        <div class="hd-txt">
                            <h3>国礼定制专辑,只送不卖</h3>
                            <p>《踏歌山海》实体音乐专辑，耗时数载！<br>
                                15位你想承包的大大都在这里！<br>
                                首款国礼级专辑，只送不卖！</p>
                        </div>
                        <a href="#">了解更多</a>
                    </div>
                </li>

            </ul>
        </div>
        <!--公测活动等部分结束-->

        <!--11大门派开始-->
        <div class="menpai w">

            <h3>11大门派</h3>

            <div class="menpai-namelist">
                <a href="#"><img src="images/kunlunbian/mpn1.png" alt=""></a>
                <a href="#"><img src="images/kunlunbian/mpn2.png" alt=""></a>
                <a href="#"><img src="images/kunlunbian/mpn3.png" alt=""></a>
                <a href="#"><img src="images/kunlunbian/mpn4.png" alt=""></a>
                <a href="#"><img src="images/kunlunbian/mpn5.png" alt=""></a>
                <a href="#"><img src="images/kunlunbian/mpn6.png" alt=""></a>
                <a href="#"><img src="images/kunlunbian/mpn7.png" alt=""></a>
                <a href="#"><img src="images/kunlunbian/mpn8.png" alt=""></a>
                <a href="#"><img src="images/kunlunbian/mpn9.png" alt=""></a>
                <a href="#"><img src="images/kunlunbian/mpn10.png" alt=""></a>
                <a href="#"><img src="images/kunlunbian/mpn11.png" alt=""></a>
            </div>

            <div class="menpai-imglist">
                <a href="#" class="mpbox1"><img src="images/kunlunbian/mp1.jpg" alt=""></a>
                <a href="#" class="mpbox2"><img src="images/kunlunbian/mp2.jpg" alt=""></a>
                <a href="#" class="mpbox3"><img src="images/kunlunbian/mp3.jpg" alt=""></a>
                <a href="#" class="mpbox4"><img src="images/kunlunbian/mp4.jpg" alt=""></a>
                <a href="#" class="mpbox5"><img src="images/kunlunbian/mp5.jpg" alt=""></a>
                <a href="#" class="mpbox6"><img src="images/kunlunbian/mp6.jpg" alt=""></a>
                <a href="#" class="mpbox7"><img src="images/kunlunbian/mp7.jpg" alt=""></a>
                <a href="#" class="mpbox8"><img src="images/kunlunbian/mp8.jpg" alt=""></a>
                <a href="#" class="mpbox9"><img src="images/kunlunbian/mp9.jpg" alt=""></a>
                <a href="#" class="mpbox10"><img src="images/kunlunbian/mp10.jpg" alt=""></a>
                <a href="#" class="mpbox11"><img src="images/kunlunbian/mp11.jpg" alt=""></a>
            </div>

        </div>
        <!--11大门派结束-->

        <div class="hot-share">
            <div class="share-con">
                <span>分享到:</span>
                <ul class="hot-share-single ">
                    <li><a href="javascript:;" class="iconfont icon-weixin">微信</a></li>
                    <li><a href="javascript:;" class="iconfont icon-yixin">易信</a></li>
                    <li><a href="javascript:;" class="iconfont icon-xinlang">新浪微博</a></li>
                    <li><a href="javascript:;" class="iconfont icon-qqkongjian">qq空间</a></li>
                    <li><a href="javascript:;" class="iconfont icon-icontianjia01" id="shareMore">更多</a></li>
                </ul>
                <div class="hot-share-more" id="hot-share-more">
                    <ul>
                        <li>
                            <a href="javascript:;" class="rr">人人网</a>
                        </li>
                        <li>
                            <a href="javascript:;" class="tx">腾讯微博</a>
                        </li>
                        <li>
                            <a href="javascript:;" class="qq">QQ好友</a>
                        </li>
                        <li>
                            <a href="javascript:;" class="db">豆瓣</a>
                        </li>
                        <li>
                            <a href="javascript:;" class="bd">百度贴吧</a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>

    <div class="footerWrap">
        <div class="footer">
        <span class="footer-logo">
            <a href="javascript:;" class="netease"></a>
            <a href="javascript:;" class="nie"></a>
            <a href="javascript:;" class="wen"></a>
        </span>
            <span class="footer-frindLink">
            <a href="javascript:;">公司简介</a><i> - </i>
            <a href="javascript:;">客户服务</a><i> - </i>
            <a href="javascript:;">相关法律</a><i> - </i>
            <a href="javascript:;">网易游戏</a><i> - </i>
            <a href="javascript:;">联系我们</a><i> - </i>
            <a href="javascript:;">商务合作</a><i> - </i>
            <a href="javascript:;">加入我们</a>
            <br>
            <span class="footer-copyright">杭州网易雷火科技有限公司版权所有 ©1997-2017</span>
        </span>
            <a href="javascript:;" class="footer-tutelage">点击查看家长监护工程 ></a>
            <br/>
            <div class="footer-explain">
            <span>
            本游戏适合18岁以上的玩家进入。<br/>
            积极健康的游戏心态是健康游戏的开端，本游戏故事情节设置紧凑，请您合理控制游戏时间，避免沉溺游戏影响生活，注意自我保护，防范网络陷阱。<br/>
            <a href="javascript:;">《网络游戏管理暂行办法》</a>　文网游备字(2013)C-RPG001号《网络文化经营许可证》浙网文[2016]0155-055号<br/>
            tx3.163.com由广州网易计算机系统有限公司授权杭州网易雷火科技有限公司使用<br/>
            </span>
            </div>
        </div>
    </div>

</div>

<script src="js/jquery-1.12.2.js"></script>
<script src="js/kunlunbian.js"></script>
</body>
</html>